﻿<%@ Page Language="C#" AutoEventWireup="true"  validateRequest="false" CodeBehind="chatroom.aspx.cs" Inherits="userchat.chatroom" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
     <script type="text/javascript" src="Scripts/jquery-1.8.2.min.js"></script>
    <script type="text/javascript"src="xheditor-1.2.1.min.js"></script>

        <script type="text/javascript">
            function initialize() {
                $('#TextArea1').xheditor({ tools: 'none' });
                $('#TextArea2').xheditor({ tools: 'simple' });
            }
    </script>
    <link href="css.css" rel="stylesheet" type="text/css" />
</head>
<body  onload="initialize()">
    <form id="form1" runat="server">
    <div>
        
    <div>
        <span id="PowerTalkBox1"><span>
   <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="136" style="height: 49px"><img src="Images/PT_logo.gif" alt="PowerTalk" width="136" height="49" /></td>
            <td class="pt-headerbg" style="height: 49px"><img src="Images/spacer.gif" alt="space" width="20" height="1" /></td>
            <td width="374" class="pt-libname" style="height: 49px"><h2></h2></td>
          </tr>
      </table></td>
    </tr>
    <tr>
      <td class="pt-fullbg"><table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="11" class="pt-leftborder" style="height: 368px"><img src="Images/PT_leftBorder.gif" width="11" height="5" /></td>
          <td valign="top" style="height: 368px; width: 100%;"><table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="28"><img src="Images/border_ChatHead_left.gif" width="28" height="26" /></td>
              <td class="pt-chatheader">您正与 <strong></span><span id="ToUserID"></span><span></strong> 交谈</td>
              <td style="width: 4px"><img src="Images/border_ChatHead_right.gif" width="4" height="26" /></td>
            </tr>
          </table>
            <div class="pt-chatbox2">
              <label>
               <%--<iframe src="ChatList.htm" id="ChatListBox"  width="100%" height="218px" ></iframe> --%>
                  <textarea id="TextArea1"  runat="server" style="width: 100%; height: 218px"></textarea>                        
              </label>
            </div>
            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="pt-iconbox">
              <tr>
                    
                <td  width="100%" height="30"><div id="PowerTools"></div></td>
              </tr>
            </table>
               <div class="pt-chatbox2">
              <label>
              <%--<iframe src="blankpage.htm" id="SendMsg"  width="100%" height="118px" ></iframe>--%>
                    <textarea id="TextArea2"  runat="server" style="width: 100%; height: 118px"></textarea> 
              </label>
            </div></td>
          <td width="6" style="height: 368px"><img src="Images/spacer.gif" alt="spacer2" width="6" height="1" /></td>
          <td valign="top" class="pt-controlbg" style="height: 368px; width: 183px;"><table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="24" style="height: 26px"><img src="Images/border_AppraiseHead_Left.gif" width="24" height="26" /></td>
              <td class="pt-rtbg" style="height: 26px"><strong></span><span id="MyUserId">咨询者</span><span></strong></td>
              <td width="4" style="height: 26px"><img src="Images/border_AppraiseHead_right.gif" width="4" height="26" /></td>
            </tr>
          </table>
          <div id="Engin_UserList" class="pt-control"><h3 style="height: 38px">在线人数(1):<span id="OnlineCount" >-</span></h3></span><span id="RightTop">
              <asp:Label ID="Label1" class="online" runat="server" Text="游客1" Height="30px" Width="111px"></asp:Label></span><span> </div> 
              <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
              <td class="pt-appsend" style="height: 25px"><label>
          </table>
          <img id="PowerTalkImg" src="Images/AD_NetInfo.jpg" />
          </td>
          <td class="pt-rightborder" style="height: 368px; width: 11px;"><img src="Images/PT_rightBorder.gif" width="11" height="5" /></td>
        </tr>
      </table></td>
    </tr>
    <tr>
      <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="11" style="height: 50px"><img src="Images/PT_BottomLeft.gif" width="11" height="50" /></td>
          <td class="pt-bottom" style="height: 50px">
            <p id="KeyInput">
                <input type="radio"  name="hotkey"  id="hotkey1" value="0">按 Enter 键发送
                    <input  name="hotkey" id="hotkey2" type="radio"  value="1" checked>按 Ctrl+Enter 发送</p>
              
            <label>
                <asp:Button ID="Button1" runat="server"  class="sendon" Text="发 送" OnClientClick="SendInfo()" onmouseover="this.className='sendover';" onmouseout="this.className='sendon';" OnClick="Button1_Click" />
      <%--          <input type="button" runat="server" name="Submit" id="Submit" value="发 送" onclick="SendInfo()" class="sendon" onmouseover="this.className='sendover';" onmouseout="this.className='sendon';" />--%>
            </label></td>
          <td width="190" class="pt-bombg" style="height: 50px"><img src="Images/spacer.gif" width="1" height="1" /></td>
          <td width="11" style="height: 50px"><img src="Images/PT_BottomRight.gif" width="11" height="50" /></td>
        </tr>
      </table></td>
    </tr>
  </table>  
  <div id="Layer2" style="z-index: 1; left: 16px; visibility: hidden; width: 205px;
        position: absolute; top: 245px; height: 20px; background-color: #ecf5ff; layer-background-color: #ECF5FF">
        <table border="1" bordercolor="#cee7ff" cellpadding="0" cellspacing="0" width="100%">
            <tr>
                <td width="20%" height= 20px>
                    <select id="select1"  name="select1" onchange="changeFont(this);">
                        <option selected="selected" value="宋体">字体</option>
                        <option value="宋体">宋体</option>
                        <option value="黑体">黑体</option>
                        <option value="幼圆">幼圆</option>
                        <option value="楷体">楷体</option>
                        <option value="隶书">隶书</option>
                        <option value="仿宋">仿宋</option>
                        <option value="华文彩云">彩云</option>
                        <option value="华文新魏">新魏</option>
                        <option value="华文行楷">行楷</option>
                    </select>
                </td>
                <td width="20%"  height= 20px>
                    <select id="select2"  name="select2" onchange="changeSize(this);">
                        <option selected="selected" value="12">字号</option>
                        <option value="10">10</option>
                        <option value="12">12</option>
                        <option value="14">14</option>
                        <option value="16">16</option>
                        <option value="18">18</option>
                        <option value="20">20</option>
                        <option value="24">24</option>
                        <option value="36">36</option>
                    </select>
                </td>
                <td width="20%"  height= 20px>
                    <select id="select3"  name="select3" onchange="changeColors(this);">
                        <option selected="selected">颜色</option>
                        <option style="background-color: #000000" value="#000000">黑色</option>
                        <option style="background-color: #888888" value="#888888">灰色</option>
                        <option style="background-color: #ff0000" value="#ff0000">红色</option>
                        <option style="background-color: #cc3366" value="#cc3366">暗红</option>
                        <option style="background-color: #ff00ff" value="#ff00ff">紫红</option>
                        <option style="background-color: #ee9966" value="#ee9966">橘黄</option>
                        <option style="background-color: #aa00cc" value="#aa00cc">紫色</option>
                        <option style="background-color: #8800ff" value="#8800ff">蓝紫</option>
                        <option style="background-color: #ffff00" value="#ffff00">黄色</option>
                        <option style="background-color: #ccaa00" value="#ccaa00">土黄</option>
                        <option style="background-color: #ff8800" value="#ff8800">金黄</option>
                        <option style="background-color: #0000ff" value="#0000ff">蓝色</option>
                        <option style="background-color: #6699ee" value="#6699ee">天蓝</option>
                        <option style="background-color: #0088ff" value="#0088ff">海蓝</option>
                        <option style="background-color: #000088" value="#000088">深蓝</option>
                        <option style="background-color: #00ff00" value="#00ff00">绿色</option>
                        <option style="background-color: #888800" value="#888800">黄绿</option>
                        <option style="background-color: #008888" value="#008888">蓝绿</option>
                    </select></td>
                    <td width="20%"  height= 20px>
                    <input name="Submit2" onclick="PowerTalk_showOrHide1(0), PowerTalk_showOrHide2(0), PowerTalk_showOrHide(0)" type="button" value="关闭" />
                </td>
            </tr>
        </table>
    </div>
    <div id="Layer1" style="z-index: 1; left: 14px; visibility: hidden; width: 335px;
        position: absolute; top: 180px; height: 38px; background-color: #ecf5ff">
        <table border="1" bordercolor="#c8e3ff" cellpadding="0" cellspacing="0" width="1%">
            <tr>
                <td style="height: 21px">
                    <img id="img1" onclick="selImg(img1.value)" onmouseup="PowerTalk_showOrHide(0)" src="face/img1.gif"
                        title="大笑" value="face/img1.gif" /></td>
                <td style="height: 21px">
                    <img id="img2" onclick="selImg(img2.value)" onmouseup="PowerTalk_showOrHide(0)" src="face/img2.gif"
                        title="色" value="face/img2.gif" /></td>
                <td style="height: 21px">
                    <img id="img3" onclick="selImg(img3.value)" onmouseup="PowerTalk_showOrHide(0)" src="face/img3.gif"
                        title="生气" value="face/img3.gif" /></td>
                <td style="height: 21px">
                    <img id="img4" onclick="selImg(img4.value)" onmouseup="PowerTalk_showOrHide(0)" src="face/img4.gif"
                        title="脸红" value="face/img4.gif" /></td>
                <td style="height: 21px">
                    <img id="img5" onclick="selImg(img5.value)" onmouseup="PowerTalk_showOrHide(0)" src="face/img5.gif"
                        title="酷" value="face/img5.gif" /></td>
                <td style="height: 21px">
                    <img id="img6" onclick="selImg(img6.value)" onmouseup="PowerTalk_showOrHide(0)" src="face/img6.gif"
                        title="晕" value="face/img6.gif" /></td>
                <td style="height: 21px">
                    <img id="img7" onclick="selImg(img7.value)" onmouseup="PowerTalk_showOrHide(0)" src="face/img7.gif"
                        title="OhYes" value="face/img7.gif" /></td>
                <td style="height: 21px">
                    <img id="img8" onclick="selImg(img8.value)" onmouseup="PowerTalk_showOrHide(0)" src="face/img8.gif"
                        title="嘘" value="face/img8.gif" /></td>
                <td style="height: 21px">
                    <img id="img9" onclick="selImg(img9.value)" onmouseup="PowerTalk_showOrHide(0)" src="face/img9.gif"
                        title="哦?" value="face/img9.gif" /></td>
                <td style="height: 21px">
                    <img id="img10" onclick="selImg(img10.value)" onmouseup="PowerTalk_showOrHide(0)" src="face/img10.gif"
                        title="干杯" value="face/img10.gif" /></td>
                <td style="height: 21px">
                    <img id="img11" onclick="selImg(img11.value)" onmouseup="PowerTalk_showOrHide(0)" src="face/img11.gif"
                        title="酸" value="face/img11.gif" /></td>
                <td style="height: 21px">
                    <img id="img12" onclick="selImg(img12.value)" onmouseup="PowerTalk_showOrHide(0)" src="face/img12.gif"
                        title="不要" value="face/img12.gif" /></td>
                <td style="height: 21px">
                    <img id="img13" onclick="selImg(img13.value)" onmouseup="PowerTalk_showOrHide(0)" src="face/img13.gif"
                        title="骂" value="face/img13.gif" /></td>
                <td style="height: 21px">
                    <img id="img14" onclick="selImg(img14.value)" onmouseup="PowerTalk_showOrHide(0)" src="face/img14.gif"
                        title="恶心" value="face/img14.gif" /></td>
                <td style="height: 21px; width: 22px;">
                    <img id="img15" onclick="selImg(img15.value)" onmouseup="PowerTalk_showOrHide(0)" src="face/img15.gif"
                        title="闭嘴" value="face/img15.gif" /></td>
            </tr>
            <tr>
                <td>
                    <img id="img16" onclick="selImg(img16.value)" onmouseup="PowerTalk_showOrHide(0)" src="face/img16.gif"
                        title="怒" value="face/img16.gif" /></td>
                <td>
                    <img id="img17" onclick="selImg(img17.value)" onmouseup="PowerTalk_showOrHide(0)" src="face/img17.gif"
                        title="高手" value="face/img17.gif" /></td>
                <td>
                    <img id="img18" onclick="selImg(img18.value)" onmouseup="PowerTalk_showOrHide(0)" src="face/img18.gif"
                        title="鄙视" value="face/img18.gif" /></td>
                <td>
                    <img id="img19" onclick="selImg(img19.value)" onmouseup="PowerTalk_showOrHide(0)" src="face/img19.gif"
                        title="心碎" value="face/img19.gif" /></td>
                <td>
                    <img id="img20" onclick="selImg(img20.value)" onmouseup="PowerTalk_showOrHide(0)" src="face/img20.gif"
                        title="爱" value="face/img20.gif" /></td>
                <td>
                    <img id="img21" onclick="selImg(img21.value)" onmouseup="showOrHide(0)" src="face/img21.gif"
                        title="吻" value="face/img21.gif" /></td>
                <td>
                    <img id="img22" onclick="selImg(img22.value)" onmouseup="PowerTalk_showOrHide(0)" src="face/img22.gif"
                        title="枯萎" value="face/img22.gif" /></td>
                <td>
                    <img id="img23" onclick="selImg(img23.value)" onmouseup="PowerTalk_showOrHide(0)" src="face/img23.gif"
                        title="鲜花" value="face/img23.gif" /></td>
                <td>
                    <img id="img24" onclick="selImg(img24.value)" onmouseup="PowerTalk_showOrHide(0)" src="face/img24.gif"
                        title="礼物" value="face/img24.gif" /></td>
                <td>
                    <img id="img25" onclick="selImg(img25.value)" onmouseup="PowerTalk_showOrHide(0)" src="face/img25.gif"
                        title="苹果" value="face/img25.gif" /></td>
                <td>
                    <img id="img26" onclick="selImg(img26.value)" onmouseup="PowerTalk_showOrHide(0)" src="face/img26.gif"
                        title="西瓜" value="face/img26.gif" /></td>
                <td>
                    <img id="img27" onclick="selImg(img27.value)" onmouseup="PowerTalk_showOrHide(0)" src="face/img27.gif"
                        title="茶" value="face/img27.gif" /></td>
                <td>
                    <img id="img28" onclick="selImg(img28.value)" onmouseup="PowerTalk_showOrHide(0)" src="face/img28.gif"
                        title="电话" value="face/img28.gif" /></td>
                <td>
                    <img id="img29" onclick="selImg(img29.value)" onmouseup="PowerTalk_showOrHide(0)" src="face/img29.gif"
                        title="星星" value="face/img29.gif" /></td>
                <td style="width: 22px">
                    <img id="img30" onclick="selImg(img30.value)" onmouseup="PowerTalk_showOrHide(0)" src="face/img30.gif"
                        title="不乐意" value="face/img30.gif" /></td>
            </tr>
            <tr>
                <td>
                    <img id="img31" onclick="selImg(img31.value)" onmouseup="PowerTalk_showOrHide(0)" src="face/img31.gif"
                        title="开心" value="face/img31.gif" /></td>
                <td>
                    <img id="img32" onclick="selImg(img32.value)" onmouseup="PowerTalk_showOrHide(0)" src="face/img32.gif"
                        title="羞愧" value="face/img32.gif" /></td>
                <td>
                    <img id="img33" onclick="selImg(img33.value)" onmouseup="PowerTalk_showOrHide(0)" src="face/img33.gif"
                        title="财迷" value="face/img33.gif" /></td>
                <td>
                    <img id="img34" onclick="selImg(img34.value)" onmouseup="PowerTalk_showOrHide(0)" src="face/img34.gif"
                        title="可爱" value="face/img34.gif" /></td>
                <td>
                    <img id="img35" onclick="selImg(img35.value)" onmouseup="PowerTalk_showOrHide(0)" src="face/img35.gif"
                        title="猪" value="face/img35.gif" /></td>
                <td>
                    <img id="img36" onclick="selImg(img36.value)" onmouseup="PowerTalk_showOrHide(0)" src="face/img36.gif"
                        title="大便" value="face/img36.gif" /></td>
                <td>
                    <img id="img37" onclick="selImg(img37.value)" onmouseup="PowerTalk_showOrHide(0)" src="face/img37.gif"
                        title="月亮" value="face/img37.gif" /></td>
                <td>
                    <img id="img38" onclick="selImg(img38.value)" onmouseup="PowerTalk_showOrHide(0)" src="face/img38.gif"
                        title="音乐" value="face/img38.gif" /></td>
                <td>
                    <img id="img39" onclick="selImg(img39.value)" onmouseup="PowerTalk_showOrHide(0)" src="face/img39.gif"
                        title="下雨" value="face/img39.gif" /></td>
                <td>
                    <img id="img40" onclick="selImg(img40.value)" onmouseup="PowerTalk_showOrHide(0)" src="face/img40.gif"
                        title="老鼠" value="face/img40.gif" /></td>
                <td>
                    <img id="img41" onclick="selImg(img41.value)" onmouseup="PowerTalk_showOrHide(0)" src="face/img41.gif"
                        title="小狗" value="face/img41.gif" /></td>
                <td>
                    <img id="img42" onclick="selImg(img42.value)" onmouseup="PowerTalk_showOrHide(0)" src="face/img42.gif"
                        title="骷髅" value="face/img42.gif" /></td>
                <td>
                    <img id="img43" onclick="selImg(img43.value)" onmouseup="PowerTalk_showOrHide(0)" src="face/img43.gif"
                        title="监视" value="face/img43.gif" /></td>
                <td>
                    <img id="img44" onclick="selImg(img44.value)" onmouseup="PowerTalk_showOrHide(0)" src="face/img44.gif"
                        title="太阳" value="face/img44.gif" /></td>
                <td style="width: 22px">
                    <img id="img45" onclick="selImg(img45.value)" onmouseup="PowerTalk_showOrHide(0)" src="face/img45.gif"
                        title="信件" value="face/img45.gif" /></td>
            </tr>
            <tr>
                <td>
                    <img id="img46" onclick="selImg(img46.value)" onmouseup="PowerTalk_showOrHide(0)" src="face/img46.gif"
                        title="飞眼" value="face/img46.gif" /></td>
                <td>
                    <img id="img47" onclick="selImg(img47.value)" onmouseup="PowerTalk_showOrHide(0)" src="face/img47.gif"
                        title="电视" value="face/img47.gif" /></td>
                <td>
                    <img id="img48" onclick="selImg(img48.value)" onmouseup="PowerTalk_showOrHide(0)" src="face/img48.gif"
                        title="钟表" value="face/img48.gif" /></td>
                <td>
                    <img id="img49" onclick="selImg(img49.value)" onmouseup="PowerTalk_showOrHide(0)" src="face/img49.gif"
                        title="灯泡" value="face/img49.gif" /></td>
                        <td>
                    </td>
            </tr> 
            					
        </table>
        <input name="closebutton" onclick="PowerTalk_showOrHide1(0), PowerTalk_showOrHide2(0), PowerTalk_showOrHide(0)" type="button" value="关闭" />
    </div>
    
    <span id="Layer3" style="border-right: #000000 1px; border-top: #000000 1px; z-index: 1;
        left: 14px; visibility: hidden; overflow: hidden; border-left: #000000 1px; width: 314px;
        border-bottom: #000000 1px; position: absolute; top: 196px; height: 69px; background-color: #f7fbff;
        layer-background-color: #F7FBFF">
        <div align="left">
            <table border="0" style="width: 99%; height: 27px">
                <tr>
                    <td colspan="3" style="width: 342px; height: 18px">
                        <div align="left">
                            <font color="#ff0000" size="2">限doc、rar、jpg、gif、png、bmp、swf、zip类型。</font></div>
                    </td>
                </tr>
                <tr>
                    <td style="width: 4%; height: 26px">
                        <font size="2">
                            <input id="upfile" type="file"  /> 
                        </font>
                    </td>
                    <td style="width: 10%; height: 26px">
             <input id="SendFile" type="button" value="发送" onclick="SendFileInfo(); PowerTalk_showOrHide2(0)" />
                  </td>
                  <td style="width: 13%; height: 26px">
                  <input name="Submit2" onclick="PowerTalk_showOrHide2(0)" type="button" value="关闭" />
                             </td>
                        
                    
                </tr>
            </table>
        </div>
    </span>
<
    </div>
    </form>
</body>
</html>
